/* 
Document   : default
Created on : Apr 9, 2012, 10:10:04 AM
Author     : adikurniawan
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}
.input-full {
    width: 100%;
}
.input-prepend .add-on, .input-prepend .btn {
    margin-right: -5px;
}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom: 43px;
    right: 5%;
    display:none;
    text-indent:-9999px;
    background: url('../images/icon_top.png') no-repeat;
}

footer {
    margin-top: 30px;
}

.pointer-hand {
    cursor: pointer;
}

.modal-large {
    width: 800px;
    left:39%;
}

.nav > .pull-right {
    float: right;
}

.nav-list > li > a:hover {
    background: #EEE;
}


/* Subnav */
.subnav {
    margin-bottom: 20px;
    margin-top: -5px;
    width: 100%;
    height: 36px;
    background-color: #eeeeee; /* Old browsers */
    background-repeat: repeat-x; /* Repeat the gradient */
    background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
    background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
    background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.subnav .nav {
    margin-bottom: 0;
}
.subnav .nav > li > a {
    margin: 0;
    padding-top:    11px;
    padding-bottom: 11px;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #e5e5e5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
    padding-left: 13px;
    color: #777;
    background-color: #e9e9e9;
    border-right-color: #ddd;
    border-left: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
    border-top-color: #777;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
    border-left: 0;
    padding-left: 12px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.subnav .nav > li:last-child > a {
    border-right: 0;
}
.subnav .dropdown-menu {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}


/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
@media (min-width: 980px) {
    .subnav-fixed {
        position: fixed;
        top: 46px;
        left: 0;
        right: 0;
        z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
        border-color: #d5d5d5;
        border-width: 0 0 1px; /* drop the border on the fixed edges */
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
        -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
        box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
    }
    .subnav-fixed .nav {
        width: 938px;
        font-size: 88%;
        margin: 0 auto;
        padding: 0 1px;
    }
    .subnav .nav > li:first-child > a,
    .subnav .nav > li:first-child > a:hover {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .addTopContent {
        margin-top: 350px;
    }
}



@media (max-width: 980px) {

    /* Subnav */
    .subnav {
        position: static;
        top: auto;
        z-index: auto;
        width: auto;
        height: auto;
        background: #fff; /* whole background property since we use a background-image for gradient */
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .subnav .nav > li {
        float: none;
    }
    .subnav .nav > li > a {
        border: 0;
    }
    .subnav .nav > li + li > a {
        border-top: 1px solid #e5e5e5;
    }
    .subnav .nav > li:first-child > a,
    .subnav .nav > li:first-child > a:hover {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }


}


@media (max-width: 768px){
    #boSideNavWrapper {
        display : 'none';
    }
}

@media (max-width: 768px) {

    /* Scale down the jumbotron content */
    .jumbotron h1, .jumbotron .inner h1 {
        font-size: 31px;
    }
    .jumbotron p, .jumbotron .inner p {
        font-size: 18px;
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 980px) {

    /* Remove any padding from the body */
    body {
        /** padding-top: 0; */
    }

    /* Scale down the jumbotron content */
    .jumbotron h1 {
        font-size: 72px;
    }

}


/* LARGE DESKTOP SCREENS */
@media (min-width: 1210px) {

    /* Update subnav container */
    .subnav-fixed .nav {
        width: 1200px; /* 2px less to account for left/right borders being removed when in fixed mode */
        font-size: 90%;
    }

}



.btnstatus.active {
    text-shadow: 0 -1px 0
    rgba(0, 0, 0, 0.25);
    color:
    white;
}
.btnstatus-unverified.active {
    background-color: #9E6AB8;
    background-image: -moz-linear-gradient(top, #A271BB, #9760B3);
    background-image: -ms-linear-gradient(top, #A271BB, #9760B3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A271BB), to(#9760B3));
    background-image: -webkit-linear-gradient(top, #A271BB, #9760B3);
    background-image: -o-linear-gradient(top, #A271BB, #9760B3);
    background-image: linear-gradient(top, #A271BB, #9760B3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a271bb', endColorstr='#9760b3', GradientType=0);
    border-color: #9760B3 #9760B3 #6F4086;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btnstatus-inactive.active {
    background-color: #F8B93B;
    background-image: -moz-linear-gradient(top, #F8BD45, #F7B42C);
    background-image: -ms-linear-gradient(top, #F8BD45, #F7B42C);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F8BD45), to(#F7B42C));
    background-image: -webkit-linear-gradient(top, #F8BD45, #F7B42C);
    background-image: -o-linear-gradient(top, #F8BD45, #F7B42C);
    background-image: linear-gradient(top, #F8BD45, #F7B42C);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8bd45', endColorstr='#f7b42c', GradientType=0);
    border-color: #F7B42C #F7B42C #CF8D08;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btnstatus-banned.active {
    background-color: #da4f49;
    *background-color: #bd362f;
    background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(top, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btnstatus-active.active {
    background-color:
    #7BB33D;
    background-image: -moz-linear-gradient(top,
    #80BB3F,
    #73A839);
    background-image: -ms-linear-gradient(top,
    #80BB3F,
    #73A839);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(
    #80BB3F), to(
    #73A839));
    background-image: -webkit-linear-gradient(top,
    #80BB3F,
    #73A839);
    background-image: -o-linear-gradient(top,
    #80BB3F,
    #73A839);
    background-image: linear-gradient(top,
    #80BB3F,
    #73A839);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80bb3f', endColorstr='#73a839', GradientType=0);
    border-color:
    #73A839
    #73A839
    #4C6F26;
    border-color:
    rgba(0, 0, 0, 0.1)
    rgba(0, 0, 0, 0.1)
    rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btnstatus {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px
    rgba(0, 0, 0, 0.15),0 1px 2px
    rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px
    rgba(0, 0, 0, 0.15),0 1px 2px
    rgba(0, 0, 0, 0.05);
    background-color:
    #E6E6E6;
    background-color:
    #D9D9D9 9;
    outline: 0;
}

footer {
    padding: 40px 0;
    text-align: center;
    margin-top: -20px;
    color:
    #777;
}

